function Header(props) {
  const {data} = props

  return (
    <div className='headerRank' onClick={() => {
      props.handleClick(data.id)
    }}>
      <img src={require('@/assets/rank/rank1.png')}/>
      <img className='header-img'
           src={data?.houseInfoPictures ? data?.houseInfoPictures.split('|')[0] : require('@/assets/blank.png')}/>
      <p className='house-name'>{data?.name}</p>
      <p className='house-num'>{data?.views}</p>
      <div className='left'></div>
      <div className='right'></div>
    </div>
  )
}

export default Header
